<template>
  <div class="bankContainer">
    <div class="step-title">
      <el-steps :active="active" finish-status="success" process-status="process" align-center>
        <el-step title="客户自助"></el-step>
        <el-step title="对公开户信息审核"></el-step>
        <el-step title="开户意愿确认"></el-step>
        <el-step title="表单签名确认"></el-step>
        <el-step title="交割信息确认"></el-step>
        <el-step title="凭证确认"></el-step>
      </el-steps>
    </div>
    <forOpenHouseVideo @nextStep="nextStep"></forOpenHouseVideo>
  </div>
</template>
<script>
  import forOpenHouseVideo from '@/views/videoBiz/xiaochengxu/common/forOpenHouseVideo'
  export default {
    name: 'forOpenHouse',
    components: {
      forOpenHouseVideo
    },
    data () {
      return {
        active: 1
      }
    },
    created () {

    },
    mounted () {

    },
    methods: {
      nextStep (index) {
        this.active = index
      }
    }
  }
</script>
<style scoped>
  .bankContainer {
    height: 100%;
    width: 100%;
  }
</style>
